/* 全局主题变量 */
page,root {
    --color-primary: #EBB747;
    --color-primary-light: #EBB747;
    --color-info: #333333;
    --color-info-dark: #1A1A1A;
    --color-info-disabled: #999999;
    --color-info-light: #808080;
    --color-bg: #FFFFFF;
    --color-bg-fa: #FAFAFA;
    --color-bg-f7: #F7F7F7;
}

.container {
    padding-left: 30rpx;
    padding-right: 30rpx;
}

.overflow-hidden {
    overflow: hidden;
}
/* 多行文本溢出 */
.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
}

.primary {
    color: var(--color-primary);
}
.primary-light {
    color: var(--color-primary-light);
}
.info {
    color: var(--color-info);
}
.info-dark {
    color: var(--color-info-dark);
}
.info-disabled {
    color: var(--color-info-disabled);
}
.info-light {
    color: var(--color-info-light);
}

.bg-primary {
    background-color: var(--color-primary);
}
.bg-primary-light {
    background-color: var(--color-primary-light);
}
.bg-info {
    background-color: var(--color-info);
}
.bg-info-dark {
    background-color: var(--color-info-dark);
}
.bg-info-disabled {
    background-color: var(--color-info-disabled);
}
.bg-white {
    background-color: #fff;
}
.bg-white-f7 {
    background-color: var(--color-bg-f7);
}
.bg-white-fa {
    background-color: var(--color-bg-fa);
}

/* 生成四个盒子的边 */
.border-top {
    border-top: 1px solid;
}
.border-bottom {
    border-bottom: 1px solid;
}
.border-left {
    border-left: 1px solid;
}
.border-right {
    border-right: 1px solid;
}
.border-all {
    border: 1px solid;
}
.border-none {
    border: none;
}

.border-color-white {
    border-color: #fff;
}
.border-color-primary {
    border-color: var(--color-primary);
}
.border-color-primary-light {
    border-color: var(--color-primary-light);
}
.border-color-info {
    border-color: var(--color-info);
}
.border-color-info-dark {
    border-color: var(--color-info-dark);
}
.border-color-info-disabled {
    border-color: var(--color-info-disabled);
}
.border-color-white {
    border-color: #fff;
}
.border-color-white-f7 {
    border-color: var(--color-bg-f7);
}
.border-color-white-fa {
    border-color: var(--color-bg-fa);
}

/* 超出隐藏 */
.line-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.line-2,
.line-3 {
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.line-2 {
    -webkit-line-clamp: 2;
}
.line-3 {
    -webkit-line-clamp: 3;
}

.under-line {
    text-decoration: underline;
}
.line-through {
    text-decoration: line-through;
}
.no-underline {
    text-decoration: none;
}

.rounded-slide {
    border-radius: 100px;
}